<!doctype html>

<html lang="fr">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
	<script src="jquery-1.10.2.min.js"></script>
	
    <script src="chart/highstock-2.0.1.js"></script>
    <script src="chart/highstock-locales.fr.js"></script>
	
    <script src="timeline/timeline-2.9.0.js"></script>
    <script src="timeline/timeline-locales.js"></script>
    
	<script src="boot/bootstrap.min.js"></script>
	<script src="boot/bootstrap-typeahead.js"></script>
    <script src="picker/bootstrap-datetimepicker.min.js"></script>
    <script src="picker/bootstrap-datetimepicker.fr.js"></script>
    
    <script src="stmaddon/stmaddon.nocache.js"></script>
    
    <link rel="stylesheet" href="StmAddOn.css">
    <link rel="stylesheet" href="boot/bootstrap.min.css">
    <link rel="stylesheet" href="picker/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="timeline/timeline.css">
    
	<script type="text/javascript" src="demo/shCore.js"></script>
	<script type="text/javascript" src="demo/shBrushXml.js"></script>
	
	<link type="text/css" rel="stylesheet" href="demo/css/shCoreEclipse.css" id="coreStyle"/>
        
    <style>
		div.timeline-event-range {border-right-style:dashed;border-top-style:none;border-left-style:none; border-bottom-style:none;border-color:black;background-color:transparent;}
		div.style1 {background-color:#005ece; color: white;} /* blue */
		div.style2 {background-color:#f2f2f2; } /* grayLight */
		div.calendar-month{display: inline-block; margin-right: 10px; height: 220px;}
    </style>
    
    
  </head>
  <body>
	<div class="well row">	
		<div class="col-md-2">
			<select class="form-control" id="themeCode">
				<option>Eclipse</option>
				<option>Default</option>
				<option>Django</option>
				<option>Emacs</option>
				<option>FadeToGrey</option>
				<option>MDUltra</option>
				<option>Midnight</option>
				<option>RDark</option>
			</select>
		</div>
		<div class="col-md-10"  align="right">
			Developed by :
			<a href="http://aliaz.com/usf"><code>Youssef ALAMI HARCHALI</code></a>
			<a href="http://fr.linkedin.com/pub/youssef-alami-harchali/56/3a1/753"><img alt="Linkedin" src="img/linkedin.png" width="32"></a>
			<a href="http://fr.viadeo.com/fr/profile/youssef.alami-harchali"><img alt="Linkedin" src="img/viadeo.png" width="32"></a>
			<a href="http://j-provider.appspot.com"><img alt="Linkedin" src="img/GWT.png" width="32"></a>
		</div >
	</div>
	<script type="text/javascript">
 		var c = $("#themeCode");c.change(function(){$("#coreStyle").prop('href',"demo/css/shCore"+c.val()+".css")});
	</script>
	<div class="container" id="container"></div>
  </body>
</html>
